// 引入Count的UI组件
import CountUI from '../../components/Count'

// 引入connect 用于连接UI组件与redux
import {connect} from 'react-redux'

// 引入创建 action 的 方法
import {createJiaAction,createJianAction,createJiaAsyncAction} from '../../redux/count_action'

/*
1、mapStateToProps 函数返回的是一个对象；
2、返回的对象中key就作为传递给UI组件Props的key，value就作为传递给UI组件Props的value
3、mapStateToProps 用于传递状态
*/ 
function mapStateToProps(state){
    return {count:state}
}

/*
1、mapDispatchToProps 函数返回的是一个对象；
2、返回的对象中key就作为传递给UI组件Props的key，value就作为传递给UI组件Props的value
3、mapDispatchToProps 用于传递操作状态的方法
*/ 
function mapDispatchToProps(dispatch){
    return {
        jia:(number) => dispatch(createJiaAction(number)),
        jian:(number) => dispatch(createJianAction(number)),
        jiaAsync:(number,time) => dispatch(createJiaAsyncAction(number,time)),
    }
}

export default connect(mapStateToProps,mapDispatchToProps)(CountUI)